<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
  <script src="./js/consts.js"></script>
  <script src="./js/subscriber.js"></script>
  <script src="./js/moveable.js"></script>
  <script src="./js/projectile.js"></script>
  <script src="./js/player.js"></script>
  <script src="./js/monster.js"></script>
  <!-- <script src="./js/vue-render.js"></script> -->
  <script src="./js/canvas-render.js"></script>
  <script src="./js/game.js"></script>
  <link rel="stylesheet" href="./css/game.css">
  <title>GAME</title>
  <style>
  </style>
</head>
<body>
  <div style="color: red;font-size: 20px;font-weight: 700;margin: 0 auto;">A,S,D,W控制方向，K键发射子弹</div>
  <div id="app"></div>
<script>
  const game = new Game(800, 600, document.getElementById('app'), render);
  game.init()
</script>
</body>
</html>